Introduction to storyboarding user flows 使用者故事板

在UX設計中，故事板（Storyboard） 是一個幫助我們規劃使用者體驗的工具。它就像連環畫一樣，由多個格子組成。每個格子展示使用者使用產品時的一個重要步驟。故事板和電影分鏡很像，都是用一格一格的畫面來講述一個完整的過程。透過故事板，設計師和團隊成員可以直觀地看到使用者的體驗過程，更容易理解產品怎麼用、有什麼好處。

故事板的作用（Why Use a Storyboard）

• 把使用者調研發現轉化為設計思路

• 幫助思考和最佳化使用者流程

• 是向團隊或客戶說明想法的視覺化工具

• 強呼叫戶體驗中的關鍵時刻，而不是每一個介面

故事板的四個核心元素（4 Key Elements）

1. 人物（Character）：使用你產品的使用者

2. 場景（Scene）：使用者所在的環境或使用情境

3. 情節（Plot）：你的設計方案帶來的好處或解決的問題

4. 敘述（Narrative）：問題是如何被解決的過程說明

故事板模板結構（Storyboard Template）

一個標準的故事板模板通常包含三部分：

• 場景句（Scenario）：一句話描述使用者和他們遇到的問題

• 畫格（Panels）：每一格展示使用者在使用產品過程中的一部分體驗

• 文字說明（Captions）：配合畫格解釋使用者操作或系統響應，適合描述難以畫出的內容

示例：六格故事板（6-Panel Storyboard Example）

問題陳述（Problem Statement）

Amal是一位運動愛好者，他想報名參加健身課程，但常常因為太晚報名而錯過機會。

目標陳述（Goal Statement）

幫助使用者（尤其是運動愛好者）快速、提前地報名健身課程。

六格故事板流程：

1. 第一格：Amal在健身房，發現課程已經滿了，很沮喪

2. 第二格：回到家中，他開啟手機上的App

3. 第三格：他檢視課程日曆，選擇一個日期

4. 第四格：他挑選一個想上的健身課程

5. 第五格：他看到確認頁面，並點選“確認報名”按鈕

6. 第六格：他微笑著參加課程，心情愉快

小貼士（Tips）

• 每一格都只展示一個關鍵動作或情境

• 文字說明可以補充不容易畫出來的細節

• 不必畫得精緻，只要表達清楚就好

• 聚焦於解決使用者問題的那幾步流程，不用展示所有頁面